<!doctype html>
<!DOCTYPE html><html lang="en" class="loading"><head><meta charset="utf-8">
	
	<title>CSS3 3D视差人物画像DEMO演示</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" user-scalable="yes">
	<link rel="stylesheet" href="css/reset.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
<div style="text-align:center;clear:both;">
<script src="js/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="js/follow.js" type="text/javascript"></script>
</div>
	<main>
		<section>
			<div class="instructions">
				<div class="move-mouse">
					<img src="img/mouse-icon.svg" class="mouse-icon" alt="Mouse Icon">
					<span>Move Mouse</span>
				</div>
				<div class="move-device">
					<img src="img/mobile-icon.svg" class="mobile-icon" alt="Mobile Icon">
					<span>Tilt Device</span>
				</div>
			</div>

			<div class="container">
				<div class="build-layers">
					<div class="build-1"></div>
					<div class="build-2"></div>
					<div class="build-3"></div>
					<div class="build-4"></div>
					<div class="build-5"></div>
				</div>
				<div class="parallax-layers">
					<div class="face-1"></div>
					<div class="face-2"></div>
					<div class="face-3">
						<div></div>
					</div>
					<div class="face-4"></div>
					<div class="face-5"></div>
					<div class="face-6"></div>
				</div>
				<div class="splatter"></div>
			</div>
		</section>
	</main>
    <script src="js/jquery.min.js"></script>
    <script src="js/index.js"></script>



</body></html>